<html>
<head>
	<title>Login / <?php foreach($title->result() as $row) {
	 echo $row->title;
	 } ?></title>
	<script src="http://code.jquery.com/jquery-latest.js"></script>
	<script src="http://dev.jquery.com/view/tags/ui/latest/ui/effects.core.js"></script>
<script src="http://dev.jquery.com/view/tags/ui/latest/ui/effects.shake.js"></script>


	<script>
	$(document).ready(function(){
	
	<?=$effect?>
	$("input:first").focus();
  });
</script>
	<style type="text/css">
		* {
		margin: 0;
		padding: 0;
		}
		body {
			
		}
		form {
			width: 380px !important;
			position: absolute;
			background-color: #F4FFE8;
			padding: 20px 0;
			border: 1px solid #E4E8C8;
			left: 50%;
			top: 175px;
			margin-left: -170px;
			font-family: arial;
		}
		form li label { 
			width: 100px;
			float: left;
			clear: both;
			text-align: right;
			margin-right: 10px;
			font-size: 11px;
			position: relative;
			top: 6px;
		}
		form li {
			border-bottom: 1px solid #eff5e1;
			list-style-type: none;
			clear:both;
			padding: 6px 0 6px 0;
		}
		 form li input{
			width: 250px;
			padding: 5px 0 5px 4px;
			color: #382119;
			border: 1px solid #A0AD79;
			background-color: #eaf5d0;
			font-family: arial;
		}
		form li input.submit {
			background-color: #ecf5d5;
			border: 1px solid #bdd678;
			width: auto;
			margin-left: 110px;
			padding-right: 4px;
		}
		div.error {
	background-color: #FBE6F2;
	padding: 5px;
	margin: 0px 10px 10px 10px;
	color: #000;
	font-size: 12px;
	border: 1px solid #D893A1;
}
	</style>
</head>
<body>
<?=form_open('user/login')?>
<?php if($err) {
echo '<div class="error">Login failed</div>';
} 
?>
<ul>
<li><label>Username</label><input type="text" name="username" /></li>
<li><label>Password</label><input type="password" name="password" /></li>
<li><input class="submit" type="submit" value="Login" /></li>
</ul>
</form>
</body>
</html>